<template>
    <div class="addInfo">
        <mt-header fixed title="任务清单新增" id="header1"></mt-header>
         <div class="back" @click="backPage">
            <img src="../assets/image/back.png" alt="" />
        </div>
        <div class="addContent">
            <el-form ref="form" :model="form" label-width="100px">
                <el-form-item label="任务名称">
                    <el-input v-model="form.name" placeholder="任务名称"></el-input>
                </el-form-item>
                <el-form-item label="任务类型">
                    <el-select v-model="query1">
                    <el-option label="全部" value="all"></el-option>
                    <el-option label="巡检" value="xunjian"></el-option>
                    <el-option label="维修" value="weixiu"></el-option>
                    <el-option label="维护" value="weihu"></el-option>
                    <el-option label="应急" value="yingji"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="海事局">
                    <el-select v-model="query2">
                    <el-option label="全部" value="all"></el-option>
                    <el-option label="湛江海事局" value="zhanjiang"></el-option>
                    <el-option label="广州海事局" value="guangzhou"></el-option>
                    <el-option label="汕头海事局" value="shantou"></el-option>
                    <el-option label="茂名海事局" value="maoming"></el-option>
                    <el-option label="惠州海事局" value="huizhou"></el-option>
                    <el-option label="珠海海事局" value="zhuhai"></el-option>
                    <el-option label="东莞海事局" value="dongguan"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="雷达站">
                    <el-select v-model="query3">
                        <el-option label="全部" value="all"></el-option>
                        <el-option label="广州VTS中心" value="GZ"></el-option>
                        <el-option label="汕头VTS中心" value="ST"></el-option>
                        <el-option label="珠海VTS中心" value="ZH"></el-option>
                        <el-option label="东莞VTS中心" value="DG"></el-option>
                        <el-option label="湛江VTS中心" value="ZJ"></el-option>
                        <el-option label="徐闻VTS分中心" value="XW"></el-option>
                        <el-option label="惠州VTS中心" value="HZ"></el-option>
                        <el-option label="莲花山" value="LH"></el-option>
                        <el-option label="大角山" value="DJ"></el-option>
                        <el-option label="淇奥" value="QA"></el-option>
                        <el-option label="桂山" value="GS"></el-option>
                        <el-option label="坭洲头" value="NZ"></el-option>
                        <el-option label="石牌山" value="SP"></el-option>
                        <el-option label="广奥大山" value="GA"></el-option>
                        <el-option label="大放鸡岛" value="DF"></el-option>
                        <el-option label="水东" value="SD"></el-option>
                        <el-option label="喜州岛" value="XZ"></el-option>
                        <el-option label="玻山岛" value="BS"></el-option>
                        <el-option label="高栏" value="GL"></el-option>
                        <el-option label="荷包" value="HB"></el-option>
                        <el-option label="外伶仃" value="LD"></el-option>
                        <el-option label="担杆" value="DG"></el-option>
                        <el-option label="横琴" value="HQ"></el-option>
                        <el-option label="海湾大桥" value="HW"></el-option>
                        <el-option label="硇洲岛" value="SZ"></el-option>
                        <el-option label="山狗吼" value="SG"></el-option>
                        <el-option label="三唐角" value="ST"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="预计开始时间">
                    <el-col >
                    <el-date-picker type="date" placeholder="yy-mm-dd" v-model="form.date1" style="width: 85%;"></el-date-picker>
                    </el-col>
                </el-form-item>
                <el-form-item label="预计结束时间">
                    <el-col>
                    <el-date-picker type="date" placeholder="yy-mm-dd" v-model="form.date1" style="width: 85%;"></el-date-picker>
                    </el-col>
                </el-form-item>
                <el-form-item label="实施对象">
                    <el-input v-model="form.name" ></el-input>
                </el-form-item>
                <el-form-item label="海事局审核人">
                    <el-input v-model="form.name" ></el-input>
                </el-form-item>
                <el-form-item label="任务内容">
                    <el-input type="textarea" v-model="form.desc" style="width:95%;"></el-input>
                </el-form-item>
                <el-form-item id="el_form">
                    <el-button type="primary" @click="sumbitTxt">保存</el-button>
                    <el-button type="primary">取消</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            form: {
                name: '',
                region: '',
                date1: '',
                date2: '',
                delivery: false,
                type: [],
                resource: '',
                desc: ''
            },
            query1:'all',
            query2:'all',
            query3:'all',
            query4:'all',
            query5:'all'
        }
    },
    methods:{
        //点击新增按钮，返回到工作流程页面
        sumbitTxt(){
            this.$router.push("/workProgress");
        },
        //返回上一页
        backPage(){
            this.$parent.$router.go(-1);
        }
    }
}
</script>
<style scoped lang="scss">
    .addInfo{
        width:100vw;
        position:relative;
        overflow: hidden;
        .back{
            position:absolute;
            left:0;
            top:0;
            width:10vw;
            height:2.5rem;
            z-index:6;
            img{
                margin-top:9px;
                display:block;
            }
        }
        .addContent{
            width:100vw;
            margin-top:3rem;
            overflow: hidden;
        }
    }
</style>
